*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.clearfix:before,
.clearfix:after{
    display: block;
    content: "";
    clear: both;
}
nav{
    border-top:5px solid #9c25a1;
}
header{
    text-align: center;
}
header button{
    width: 97px;
    height: 36px;
    border-radius: 3px;
    border: 0;
    background-color: #6b15a1;
    color: #fff;
}

.nav-hover a{
    color: #000;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}
.nav-hover a:hover{
    color: #6b15a1;
}
.main{
    text-align: center;
}
.card-body{
    position: relative;
    padding-top: 50px;
}
.main-img{
    margin: auto;
    position: absolute;
    top:-50px;
    left: 50%;
    margin-left: -48px;
}
.card-body p{
    font-size: 14px;
}
.card-body button, .footer-text button{
    width: 97px;
    height: 36px;
    border-radius: 3px;
    border: 0;
    background-color: #6b15a1;
    color: #fff;
}
.footer-text{
    margin: auto;
    border: 1px solid #ddd;
    border-top: 5px solid #6b15a1;
    border-radius: 5px;
}
.footer-btn{
    text-align: right;
}
.footer-nav .zuihou{
    text-align: center;
}
.footer-nav .zuihou a{
    padding-left: 12px;
    padding-right: 12px;
    color: #6b15a1;
    text-decoration: none;
}
@media(max-width:600px) {
     .header-min{
         width: 100%;
     }
}